@import '@/styles/variables.scss';

.patientDetails-view{
  min-width: 970px;
  .basicInformation{
    border: 0.5px $border-color solid;
    margin: $collection-y $collection-x;

    .title{
      color: $main-color;
      padding: $block-y $block-x;
      background-color: $table-top-bg;
      border-bottom: 0.5px $border-color solid;
    }

    .grayTitle{
      color: $font-color-info;
    }

    .information-content{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      .information-content-item{
        width: calc(50% - 20px);
        padding: $block-y $block-x;
        display: flex;
        p{
          margin: 0;
        }
        .grayTitle{
          width: 100px;
          text-align: right;
        }
      }
    }
  }

  .recordInformation{
    border: 0.5px $border-color solid;
    margin: $collection-y $collection-x;

    .title{
      color: $main-color;
      padding: $block-y $block-x;
      background-color: $table-top-bg;
      border-bottom: 0.5px $border-color solid;
    }

    .el-table{
      .date{
        color: $main-color;
      }
      .date:hover{
        text-decoration: underline;
      }
    }
  }

  .paginationView{
    margin-left: $collection-x;
  }
}
